<template>
  <div class="suggest">
    <x-header title="意见反馈" :left-options="{backText:''}" class="redHeader"></x-header>
    <div class="textcontent">
        <textarea id="selectText" v-model="msgContent" autofocus placeholder="请输入你的意见"> </textarea>
    </div>
    <div class="textnum">
        <input type="text" v-model="msgnum" placeholder="请输入你的手机号/QQ/微信号">
    </div>
    <div class="textbut">
        <button class="btn" @click="toSubmit">提交</button>
    </div>
  </div>
</template>
<script>
import { XHeader } from "vux";
export default {
  name: "suggest",
  // 数据
  data() {
    return {
      msgContent: "", //意见内容
      msgnum: "" // 手机号QQ//微信
    };
  },
  // 计算属性
  computed: {},
  // 创建（实例创建完成）
  created() {},
  // 方法（实例中的方法）
  methods: {
    toSubmit() {}
  },
  // 子组件
  components: {
    XHeader
  }
};
</script>
<style lang="less">
@import url("../../assets/css/public.less");
.suggest {
  .vux-header .vux-header-title > span {
    color: #fff !important;
  }
  .textcontent {
    textarea {
      width: 7rem;
      height: 75%;
      border: 0;
      margin-top: 0.4rem;
      outline: medium;
      resize: none;
      height: 3.2rem;
      padding: 0.1rem;
      font-size: 0.34rem;
      -webkit-touch-callout: auto;
    }
  }
  .textnum {
    // height: 1rem;
    input {
      border: 0;
      width: 7rem;
      height: 0.9rem;
      padding: 0.1rem;
      font-size: 0.34rem;
      vertical-align: top;
    }
  }
  .textbut {
    .btn {
      border: 0;
      width: 7rem;
      height: 0.9rem;
      background: #e52031;
      font-size: 0.3rem;
      color: #fff;
      border-radius: 0.08rem;
      vertical-align: top;
    }
  }
}
</style>

